<template>
  <div>
    <yituo-head />
    <yituo-carousel :list="carousels" type="dot" />
    <yituo-carousel :list="carousels" type="arrow" :styleConfig="{ left: 'calc((100% - 1020px) / 2)', width: '1020px', height: '320px' }" />
    <yituo-features title="为什么选择亿拓？" :statistics="statistics" :list="features" />
    <yituo-brands title="为什么选择亿拓？" desc="aafdsfsfsdfsdf" :list="brands" />
    <yituo-abilities title="深耕细分行业，提供更加垂直的行业解决方案" bgImg="img/banner1.png" :list="abilities" />
  </div>
</template>

<script lang="js">
import YituoHead from '@/components/head.vue';
import YituoCarousel from '@/components/carousel.vue';
import YituoFeatures from '@/components/features.vue';
import YituoBrands from '@/components/brands.vue';
import YituoAbilities from '@/components/abilities.vue';

export default {
  components: {
    YituoHead,
    YituoCarousel,
    YituoFeatures,
    YituoBrands,
    YituoAbilities
  },
  data() {
    return {
      carousels: [
        { src: 'img/banner1.png', desc: 'banner1' },
        { src: 'img/banner2.png', desc: 'banner2' },
        { src: 'img/banner3.png', desc: 'banner3' },
        { src: 'img/banner4.png', desc: 'banner4' },
      ],
      statistics: [
        { number: '99.9', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '%', unitStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '42px' }, desc: '系统可用' },
        { number: '64,000', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '笔', unitStyle: { fontFamily: 'PingFangSC-Regular', fontSize: '20px' }, desc: '每秒处理订单数' },
        { number: '200', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '<-毫秒', unitStyle: { fontFamily: 'PingFangSC-Regular', fontSize: '20px' }, desc: '服务平均响应' },
      ],
      features: [
        { icon: 'img/ic_aq.png', label: '安全稳定', desc: '专属数据密钥，新型加密技术，高级加密协议标准API接口以及私有化部署服务。从源头保护企业数据安全' },
        { icon: 'img/ci_cp.png', label: '产品研发实力', desc: '强大的研发实力，安全稳定可靠的系统支持来自互联网优秀的技术研发团队，打造安全稳定智能的系统' },
        { icon: 'img/ic_zh.png', label: '智慧高效', desc: '大数据和人工智能技术，为您提供BI报表，智能客服，精准会员营销等，亿拓SCRM助您提升数字化运营能力' },
      ],
      brands: [
        { src: 'img/pp_1.png' },
      ],
      abilities: [
        { label: '金融', icon: 'img/ic_5.1.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ic_zh.png', 'img/ic_zh.png'] },
        { label: '金融', icon: 'img/ic_5.1.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ic_zh.png', 'img/ic_zh.png'] },
      ]
    }
  },
  methods: {
    
  },
  mounted() {
  },
  computed: {},
}
</script>
<style scoped lang="scss">
  img {
    width: 40%;
    transform: translate(80%);
  }
</style>
